<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>爱好导航栏</title>
<style>
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 200px;
		background-color: #f1f1f1;
	}
	li a {
		display: block;
		color: #000;
		padding: 8px 16px;
		text-decoration: none;
	}
	li a:hover {
		background-color: #555;
		color: white;
	}
	</style>
</head>

<body style="background-color: antiquewhite">
	<h1 style="text-align: center;">我喜欢</h1>
	<h2>我喜欢的东西</h2>
	<ul>
	<li><a href="猫.html" target="_blank"><b><font>猫</font></b></a></li>
	<li><a href="茉莉花.html" target="_blank"><b><font>茉莉花</font></b></a></li>
	<li><a href="竹子.html" target="_blank"><b><font>竹子</font></b></a></li></ul>
    <br>
	<h2>我喜欢的……</h2>
    <ul>
	<li><a href="旅游景点.html" target="_blank"><b><font>旅游景点</font></b></a></li>
	<li><a href="特色美食.html" target="_blank"><b><font>特色美食</font></b></a></li></ul>
</body>
</html>
